select{
    width: 100px;
    height: 35px;
    color: #999999;
    border-color: #E4E4E4;
    border-radius: 5px;
    &:hover{
        background-color: #F2F2F2;
    }
}
.mbtn{
    width: 100px;
    height: 35px;
    border: none;
    border-radius: 5px;
}
.mbtn_blue{
    background-color: #0079FE;
    color: white;
    &:hover{
        background-color: #3394FE;
    }
}
.mbtn_smo{
    width: 50px;
    height: 35px;
    color: #999999;
    border: none;
    background-color: #fff;
    border-color: #E4E4E4;
    border-radius: 5px;
    border: 1px solid #E4E4E4;
    &:hover{
        background-color: #F2F2F2;
    }
}

.mbtn_nstr{
    margin: 10px;
}
.mbtn_str{
    margin-left: -5px;
    border-radius: 0%;
}
.rad_l{
    border-radius: 5px 0 0 5px;
}
.rad_r{
    border-radius:  0 5px 5px 0;
}
.header{
    div{
        display: inline-block;
    }
}
.date{
    width: 550px;
    color: #999999;
    font-size: 22px;
    text-align: center;
}
.date_mot{
    border-collapse: collapse;
    thead{
        background-color: #F5F5F5;
        font-weight: bold;
        font-size: 18px;
        text-align: center;
        td{
            color: #666666;
            width: 175px;
            height: 45px;
            line-height: 45px;
        }
    }
    tbody{
        td{
            vertical-align: top;
            position: relative;
            width: 175px;
            height: 175px;
            border: 1px solid #E4E4E4;
            padding: 10px;
            cursor: pointer;
            &:hover{
                background-color: #F3F9FF;
            }
            span:nth-of-type(2){
                margin-left: 10px;
            }
            div{
                border: 1px solid #666666;
                position: absolute;
                text-align: center;
                font-size: 12px;
                width: 50px;
                line-height: 20px;
                height: 20px;
                right: 10px;
                top: 10px;
            }
            .null{
                display: none;
            }
            .red{
                color: red;
                border: 1px solid red;
            }
            .today{
                color: white;
                background-color: #3394FE;
                border: 1px solid #3394FE;
            }
        }
    }
}
.data_week,
.date_day{
    display: none;
    border-collapse: collapse;
    thead{
        background-color: #F5F5F5;
        
        font-size: 14px;
        text-align: center;
        td:first-child{
            width: 50px;
        }
        td{
            font-weight: bold;
            color: #666666;
            border: 1px solid #E4E4E4;
            width: 166px;
            height: 45px;
            line-height: 45px;
            span{
                display: inline-block;
                margin-left: 5px;
                font-weight: normal;
            }
        }
    }
    tbody{
        td:first-child{
            vertical-align: center;
            color: #666666;
            height: 80px;
            text-align: center;
            border: 1px solid #E4E4E4;
            background-color: #F5F5F5;
            width: 50px;
        }
        td:not(td:first-child){
            vertical-align: top;
            position: relative;
            height: 80px;
            border: 1px solid #E4E4E4;
            span{
                display: inline-block;
                margin-right: 5px;
            }
            .yellow{
                background-color: #FEC03D;
                color: white;
            }
            .blue{
                background-color: #58A3F7;
                color: white;
            }
        }
    }
}
tbody{
    td{
        &:hover{
            background-color: #F3F9FF;
        }
    }
}
.date_day{
    display: none;
    td:not(td:first-child){
        width: 1170px;
    }
}